<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<script src="./js/template-web.js">
		// 1.下载art-template模板引擎库文件并在HTML页面中引入库文件
	</script>
</head>
<body>
	
	
	<script id="tpl" type="text/html">
		<!-- 2.准备art-template模板 -->
		<h1>{{username}} {{age}}</h1>
	
	</script>
	<script type="text/javascript">
		// 3.告诉模板引擎将哪一个模板和哪个数据进行拼接
		// 1) 模板id 2) 数据 对象类型 
		// 方法的返回值 就是 拼接好的字符串！
		var html = template('tpl', {username: 'lvhang', age: 23});
		console.log(html)
	
	</script>
</body>
</html>